/**
 *  @project    Layabox
 *  @file       demo.scss
 *  @brief      reset css styles
 *
 *
 *  @author     liumoran@outlook.com
 *  @version    1.0
 *  @date       2019
*/

/*-----------------*/
/*      style      */
/*-----------------*/
h1{
    margin: 0;
    color: blue;
    font-size: 48px;
    line-height: 86px;
}

h2{
    margin-top: 0;
    // margin-bottom: 65px;
    color:#666;
    font-size: 30px;
}

h3{
    margin-top: 0;
    color:black;
    font-size: 20px;
}

.p_cont{
    margin-top: 0;
    margin-bottom: 0px;
    color:#666;
    font-size: 14px;
    line-height: 24px;
}

/*---------------------------*/
/*      class define         */
/*---------------------------*/
.w_100{
    width: 100%;
}

@media screen and ( min-width: 1000px ){
    .wrap_1000{
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
    }
}

@mixin p_nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*---------------------------*/
/*      media                */
/*---------------------------*/



/*------------------*/
/*      layout      */
/*------------------*/
.web{
    width: 100%;
}

header{
    background-color: #222222;
    .navbar{
        margin-bottom: 0;
    }
    .navbar-brand{
        padding-top: 7px;
    }
    .navbar-default{
        background-color: #222222;
        border-color: transparent;
    }
    // rewrite text-color
    .navbar-default .navbar-nav > li > a{
        color: #9d9d9d;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
        color: white;
        background-color: #080808;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
        color: #9d9d9d;
    }
}

footer{
    background-color: #3b3b3b;
    .footbar{
        height: 113px;
        box-sizing: border-box;
        padding-top: 30px;
        .f_info{
            height: inherit;
            a > p {
                display: inline-block;
                color: #a1a3ab;
            }
            .p_14{
                font-size: 14px;
            }
            .p_12{
                font-size: 12px;
                line-height: 26px;
                color: #a1a3ab;
                @include p_nowrap();
            }
        }
        .f_share{
            // position: relative;
            height: inherit;
            text-align: right;

            #wechat_qacode{
                display: none;
            }

            .qacode{
                position: absolute;
                right: 23px;
                bottom: 44px;
                display: none;
            }
            input[type="checkbox"]:checked~.qacode{
                display: block;
            }

            .wechat_label{
                position: relative;
            }

            .share_icon{
                display: inline-block;
                vertical-align: top;
                width: 38px;
                height: 38px;
                margin-top: 6px;
                margin-left: 20px;
                font-size: 0;
                cursor: pointer;
                img{
                    width: 100%;
                }
            }
        }
    }
}